@mixin border-1px($poses:$border-poses, $color:$color) {
    position: relative;

    &::after {
        content: '';
        display: block;
        position: absolute;
        width: 100%;

        @each $pos in $poses {
            border-#{$pos}: 1px solid $color;
            #{$pos}: 0;
        }
    }
}

@media (-webkit-min-device-pixel-ratio:1),(min-device-pixel-ratio: 1) {
    .border-1px &::after {
        width: 100%;
        height: 100%;
        transform: scale(1);
    }
}

@media (-webkit-min-device-pixel-ratio:2),(min-device-pixel-ratio: 2) {
    .border-1px &::after {
        width: 200%;
        height: 200%;
        transform: scale(0.5);
    }
}

@media (-webkit-min-device-pixel-ratio:3),(min-device-pixel-ratio: 3) {
    .border-1px &::after {
        width: 300%;
        height: 300%;
        transform: scale(0.333);
    }
}